%basefont {
  font-family: "Lato", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\u5FAE\u8F6F\u96C5\u9ED1", Arial, sans-serif;
}

html {
  line-height: 1.6; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
  height: 100%;
}

body {
  margin: 0;
  height: 100%;
  font-size: 14px;
  color: #3B454E;
  -webkit-font-smoothing: antialiased;
  &.full {
    .nav {
      display: none;
    }
    .content {
      margin-left: 30px !important;
    }
  }
}

%grid-bg {
  background: #fff url('') -1px -1px;
}

body, select {
  @extend %basefont;
}

h1, h2, h3 {
  margin: 0;
}

@font-face {
  font-family: "zenFont";
  src: url("https://a.yimiyisu.com/zeto/iconfont/MaterialIcons-Regular.woff2") format('woff2'),
  url("https://a.yimiyisu.com/zeto/iconfont/MaterialIcons-Regular.woff") format('woff'),
  url("https://a.yimiyisu.com/zeto/iconfont/MaterialIcons-Regular.ttf") format('truetype');
  font-style: normal;
  font-weight: normal;
}

i {
  font-style: normal;
}

.z-icon {
  //font: normal normal normal 16px/1 "zenFont";
  font-family: "zenFont";
  line-height: 1;
  text-transform: none;
  display: inline-block;

  text-rendering: auto;
  transform: scale(1.3);
  transform-origin: 50% 20%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
}

@media screen and (max-width: $mobile) {
  .k-footer {
    display: none;
  }
}

.k-footer {
  border-top: 1px solid #f0f0f0;
  text-align: center;
  padding-right: 30px;
  height: 60px;
  line-height: 60px;
  color: #666;
  font-size: 12px;
  background: #fafafa;
  a, span {
    color: #666;
    margin-left: 6px;
    padding-right: 6px;
  }
}
